import ReactDOM from "react-dom";
import React from "react";

/** DES: React定义的Dom类似一个帧，假若需要更新页面，需要再次调用ReactDom.render
 * 但是一般应用来说，都只是使用一次ReactDom.render初始化一次，一般都是通过State去控制状态
 * */
function Tick() {
    const element = (
        <div>
            <h1>Hello,Rayman</h1>
            <h2>It is {new Date().toLocaleTimeString()}.</h2>
        </div>
    );
    ReactDOM.render(element, document.getElementById("root"));
    TestTick();
    return element;
}

/**
 *
 * @return {number}
 */
function TestTick() {
    setInterval(Tick, 1000);
}

export default Tick;
